<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>if_else_for_of</title>
	</head>
	<body>
		<div id="iefo">
			<!-- <div v-if="canSeeUserName">
				账号：<input type="text" key='userName-input' />
			</div>
			<div v-else-if="canSeePassword">
				密码：<input type="password" key='password-input' />
			</div>
			<div v-else>
				其他：<input type="text" />
			</div>
			<button @click="next">下一步</button> -->
			<!-- <div v-if="canSeeUserName">
				账号：<input type="text" key='userName-input' />
			</div>
			<div v-show="canSeeUserName">
				账号：<input type="text" key='userName-input' />
			</div> -->
			<ul>
				<li v-for='item in list' :key='item.id'>{{item.text}}-----{{item.id}}</li>
			</ul>
			
		</div>
		
		<script src="js/vue.js"></script>
		<script>
			let vm = new Vue({
				el:'#iefo',
				data:{
					// canSeeUserName:false,
					// canSeePassword:false
					list:[
						{id:'123456',text:'zhx'},
						{id:'789101',text:'lml'},
						{id:'112131',text:'520'},
						{id:'415161',text:'1314'}]
				},
				methods:{
					
				}
			})
		</script>
	</body>
</html>
